// 切换表单
const loginForm = document.getElementById('login-form'); //获取登录界面表单对象
const reginerForm = document.querySelector('.reginerform');//获取注册界面表单对象

const reginerButton = document.querySelector('.reginer');//登录界面注册按钮 用于切换至注册表单
const returnButton = document.querySelector('.return');//注册界面返回按钮 
const reginer2Button = document.querySelector('.reginer2');

document.addEventListener("DOMContentLoaded", function () {
    reginerButton.addEventListener('click', () => {
        loginForm.style.display = "none";
        reginerForm.style.display = "block";
        reginerButton.style.display = "none";
    });

    returnButton.addEventListener('click', () => {
        loginForm.style.display = "block";
        reginerForm.style.display = "none";
        reginerButton.style.display = "block";
    });
});



// 获取表单元素
const usernameInput = document.getElementById('username');
const passwordInput = document.getElementById('password');

const regusername = document.getElementById('regUsername');
const regpassword1 = document.getElementById('regPassword1');
const regpassword2 = document.getElementById('regPassword2');


const login_URL = 'http://localhost:8082/user/login'
const enroll_URL = 'http://localhost:8082/user/enroll'


loginForm.addEventListener('submit', function (event) {
    event.preventDefault(); // 阻止表单默认提交行为

    const username = usernameInput.value;
    const password = passwordInput.value;

    let userid = '';

    if (username !== '' && password !== '') {
        location.href = '../main/main.html';
        // try {

        // 发送 POST 请求到后端服务器
        //     axios({
        //         url: login_URL,
        //         method: 'POST',
        //         data: {
        //             username,
        //             password,
        //         }
        //     })
        //         .then(response => {
        //             console.log(response.data);

        //             if (response.data.code === 1) {
        //                 const userid = response.data.id;
        //                 console.log(userid);
        //                 localStorage.setItem("userid", response.data.data.id);
        //                 // 登录成功，跳转到 main.html
        //                 location.href = '../main/main.html';
        //             } else {
        //                 throw new Error('登录失败：没有返回有效的用户ID');
        //             }
        //         })
        //         .catch(error => {
        //             console.error(error);
        //             // 处理错误响应

        //             // 如果登录失败，显示错误消息并修改开始按钮文本
        //             const beginBtn = document.querySelector('.begin-btn');
        //             beginBtn.textContent = '登录失败';
        //         });
        // } catch (error) {
        //     // 显示错误消息
        //     console.log('登录失败：', error);
        //     const beginBtn = document.querySelector('.begin-btn');
        //     beginBtn.textContent = '登录失败';
        // }
    } else {
        // 显示错误消息
        alert('用户名或密码不能为空！');
    }

})
